<div class="heatMap">
	<canvas id="usageMap0" width=700 height=500 />
</div>

<script type="text/javascript">
	var mapValues = Array();
	{% for hour,value in usageMap %}
		mapValues[{{hour}}] = {{value}};
	{% endfor %}
	
	var compareValues = Array();
	{% if compareMap %}
		{% for hour,value in compareMap %}
			compareValues[{{hour}}] = {{value}};
		{% endfor %}
	{% endif %}
	
	$(document).ready(function() {
		drawMap(mapValues, compareValues, 0);
	});
</script>